const threeRouter = {
  path: '/css',
  name: 'css',
  meta: {
    title: 'CSS',
  },
  children: [
    {
      path: 'carousel',
      name: '3f0e0d06-c0a6-4d0a-b0e1-c0e1b0e1b0e1',
      meta: {
        title: '轮播',
      },
      children: [
        {
          path: 'one',
          name: '2a524832-1eb9-4f15-953c-05a57c0d0260',
          component: () => import('@/views/css/carousel/one.vue'),
          meta: {
            title: '旋转轮播',
          },
        },
        {
          path: 'two',
          name: '29751208-dfd3-4178-95ee-e48093895a6a',
          component: () => import('@/views/css/carousel/two.vue'),
          meta: {
            title: '平面轮播',
          },
        },
      ]
    },
    {
      path: 'loading',
      name: 'loading',
      meta: {
        title: '加载',
      },
      children: [
        {
          path: 'one',
          name: 'b0e1b0e1b0e1b0e1b0e1b0e1b0e1b0e1b0e1',
          component: () => import('@/views/css/loading/one.vue'),
          meta: {
            title: 'loading1',
          },
        },
      ]
    },
    {
      path: 'sliding',
      name: 'sliding',
      meta: {
        title: '滑动',
      },
      children: [
        {
          path: 'one',
          name: '85794a01-31d5-4026-89dc-81f37d0e6f8c',
          component: () => import('@/views/css/sliding/horizontal/one.vue'),
          meta: {
            title: '纵向滑动',
          },
        },
        {
          path: 'two',
          name: 'f85ffc1a-29f3-4090-a001-8781acd0d458',
          component: () => import('@/views/css/sliding/infinite/dom.vue'),
          meta: {
            title: '无限滑动(DOM)',
          },
        },
        // {
        //   path: 'three',
        //   name: 'eb7890a0-f5dc-42ac-b66a-b55d2a959d1a',
        //   component: () => import('@/views/css/sliding/infinite/canvas.vue'),
        //   meta: {
        //     title: '无限滑动(canvas)',
        //   },
        // },
      ]
    }
  ]
}
export default threeRouter
